<%@page import="java.util.Enumeration"%>
<%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%>
<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core"%>

<script type="text/javascript">
$('.carousel').carousel('cycle');
</script>

<style type="text/css">
#carousel-example-generic{
   margin-left:282px;
   margin-left:282px;
   width:800px;
}
</style>

<div id="carousel-example-generic" class="carousel slide bs-docs-carousel-example" style="margin-bottom:80px">
   <ol class="carousel-indicators">
      <li data-target="#carousel-example-generic" data-slide-to="0"  class="active"></li>
       <li data-target="#carousel-example-generic" data-slide-to="1"></li>
       <li data-target="#carousel-example-generic" data-slide-to="2"></li>
   </ol>
 
  <div class="carousel-inner">
    <div align="center" class="item active">
      <img src="/${initParam.context_root }/img/main2.jpg">
    </div>
    <div align="center" class="item">
      <a href="/${initParam.context_root }/product/getEventProduct.do" ><img src="/${initParam.context_root }/img/event.jpg"></a>
    </div>
    <div align="center" class="item">
      <img src="/${initParam.context_root }/img/main2.jpg">
    </div>
</div>
   

  <a class="left carousel-control" href="#carousel-example-generic" data-slide="prev">
    <span class="icon-prev"></span>
  </a>
  <a class="right carousel-control" href="#carousel-example-generic" data-slide="next">
    <span class="icon-next"></span>
  </a>
</div>
<div style="width:1200px;margin:auto">
<table class="table" align="center" style="margin:10px;">
   <tr align="center"><td class="danger" width="515px" colspan="2"><b>인터넷/사무용</b></td><td width="20px"></td><td class="danger" width="515px" colspan="2"><b>3D게임/그래픽용</b></td></tr>
   <tr align="center"><td class="warning" width="257.5px">1위</td><td class="warning" width="257.5px">2위</td><td width="20px"></td><td class="warning" width="257.5px">1위</td><td class="warning" width="257.5px">2위</td></tr>
   <c:forEach items="${requestScope.firstList }" var="completePCResult">

      <table id="productList" border="1" style="width:282px;float:left;margin-down:10px;margin-left:14px;margin-right:4px; margin-bottom: 20px;" >

         <tr height="150px"><td colspan="4"><a href="/${initParam.context_root }/product/detailProduct.do?completeId=${completePCResult.completeId }"><img height="251px" width="237px" src="/${initParam.context_root }/product-img/${completePCResult.fileName }"></a></td></tr>
         <tr><td>판매수량</td><td>${completePCResult.cnt }</td><td colspan="2">이용후기</td></tr>
         <tr><td>모니터</td><td colspan="3">모니터에요모니터</td></tr>
         <tr><td>가격</td><td colspan="3">${completePCResult.completePrice }원</td></tr>
         <tr><td>윈도우</td><td colspan="3">${completePCResult.osName }</td></tr>
         <tr><td>CPU</td><td colspan="3">${completePCResult.cpuName }</td></tr>
         <tr><td>Mainboard</td><td colspan="3">${completePCResult.mainboardName }</td></tr>
         <tr><td>메모리</td><td colspan="3">${completePCResult.memoryName }</td></tr>
         <tr><td>하드</td><td colspan="3">${completePCResult.hddName }</td></tr>
         <tr><td>그래픽</td><td colspan="3">${completePCResult.graphicName }</td></tr>
      </table>
   </c:forEach>
   </table>
   
   <table class="table" align="center" style="margin:10px">
   <tr align="center"><td class="danger" width="515px" colspan="2"><b>고성능/전문가용</b></td><td width="20px"></td><td class="danger" width="258px"><b>CPU[Intel]</b></td><td class="danger"width="258px"><b>CPU[AMD]</b></td></tr>
   <tr align="center"><td class="warning" width="257px">1위</td><td class="warning" width="257px">2위</td><td width="20px"></td><td class="warning" width="257px">1위</td><td class="warning" width="257px">1위</td></tr>
   <c:forEach items="${requestScope.secondList }" var="completePCResult">

      <table id="productList" border="1" style="width:282px;float:left;margin-down:10px;margin-left:14px;margin-right:4px; margin-bottom: 20px;"  >

         <tr height="150px"><td colspan="4"><a href="/${initParam.context_root }/product/detailProduct.do?completeId=${completePCResult.completeId }"><img height="251px" width="248px" src="/${initParam.context_root }/product-img/${completePCResult.fileName }"></a></td></tr>
         <tr><td>판매수량</td><td>${completePCResult.cnt }</td><td colspan="2">이용후기</td></tr>
         <tr><td>모니터</td><td colspan="3">모니터에요모니터</td></tr>
         <tr><td>가격</td><td colspan="3">${completePCResult.completePrice }원</td></tr>
         <tr><td>윈도우</td><td colspan="3">${completePCResult.osName }</td></tr>
         <tr><td>CPU</td><td colspan="3">${completePCResult.cpuName }</td></tr>
         <tr><td>Mainboard</td><td colspan="3">${completePCResult.mainboardName }</td></tr>
         <tr><td>메모리</td><td colspan="3">${completePCResult.memoryName }</td></tr>
         <tr><td>하드</td><td colspan="3">${completePCResult.hddName }</td></tr>
         <tr><td>그래픽</td><td colspan="3">${completePCResult.graphicName }</td></tr>
      </table>
   </c:forEach>
</table>
</div>






